﻿#listador {
	width:1020px;
	height:auto;
	display:block;
	background-color:#fff;
	margin:0px auto;
	padding-bottom:20px;
	position:relative;
}

.bgTitle {
	width:970px;
	height:auto;
	background-color:#233;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin:0 25px;
	/*display:block;**/
	top:16px;
	padding-bottom:18px;
	position:relative;
}

#container {
	width:920px;
	/*height:800px;/**/
	margin:30px 40px;
	display: block;
	border:1px #b41 solid;
	/*background-color:#6b3;*/
	/*top:30px;/**/
	position:relative;
}
	
.boxLista {
	width:900px;
	height:135px;
	border-bottom:1px #ea4 dashed;
	margin:20px auto;
	padding:4px 12px 0 2px;
	display:block;
	position:relative;
}

.titulo {
	margin:0 0 0 180px;
	line-height:18px;
	text-align:left;
	padding:8px 0 8px 25px;
	width:auto;
	font-size:1.20em;
	/*float:left;*/
}

.img {
	width:180px;
	height:120px;
	border:1px #cdcdcd solid;
	padding:3px;
	float:left;
	vertical-align:center;
	/*clear:left;*/
}

.listado {
	font:0.95em Tahoma;
	color:#444;
	display:block;
	text-align:left;
	margin:8px 0 10px 204px;
	width:580px;
}

a.receta, a:active.receta {
	font:1.10em "Open Sans Condensed", sans-serif;
	color:#830d19;
	text-decoration:none;
	padding-left:20px;
	line-height:10px;
}

a:hover.receta, a:visited.receta{
	text-decoration:underline;
	color:#666;
}

/*...............................FORMULARIO CARGA RECETAS -------------------------------------------------*/

.boxForm {
	width:700px;
	height:auto;
	margin:35px 160px;
}

#form {
	width:700px;
	margin:20px 0;
	color:#444;
	/*overflow: auto;*/
}

#form-carga form ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#form-carga form ul li {
  margin: .3em 0 0 0;
  padding: 0;
}

#form-carga form * {
  line-height: 0.3em;
  border:none;
}

#form-carga label {
  display: inline;
  float: left;
  clear: left;
  text-align: left;
  font:1em Tahoma;
  color:#444;
  line-height:12px;
  /*width: 52%;*/
  padding: .18em 0 0 0;
  margin: .15em .2em 0 0;
}

#form-carga input[type="text"],
#form-carga select,
#form-carga textarea {
  display: inline;
  margin: 0 15%;
  padding: .3em;
  width: 50%;
  color:#555;
}

#form-carga input[type="text"],
#form-carga textarea,
#form-carga select, .date {
  border: 1px solid #eae1c0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;    
  box-shadow: rgba(0,0,0,.5) 1px 1px 1px 1px inset;
  -moz-box-shadow: rgba(0,0,0,.5) 1px 1px 1px 1px inset;
  -webkit-box-shadow: rgba(0,0,0,.5) 1px 1px 1px 1px inset;
  background: #fff;
  font:0.95em Tahoma;
  line-height:16px;
  color:#000;
}

#form-carga input[type="text"] {
  font-size: 0.90em;
  color:#555;
}

#form-carga select {
  padding: 5px;
  /*margin-bottom: 2em;*/
  top: .08em;
  color:#000;
  position: relative;
}

#form-carga select:active,
#form-carga select:hover {
  background: #C6D9C6;
  font-family: Tahoma;
  color: #000;
  }
  
#form-carga select:visited {
	background: #C6D;
	color:#100;
}

#form-carga textarea {
  font-family: Tahoma;
  font-size: 0.9em;
  height: 8em;
}

#form-carga submit, .btnImg {
  margin: 20px auto;
  width: auto;
  padding: 3px 5px;
  border: 1px solid #bababa;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;  
  color: #433;
  background: #ad6;
  font-size: 0.90em;
  -webkit-appearance: none;
}

submit:hover, submit:active, .btnImg:hover, .btnImg:active {
  cursor: pointer;
  background: #C6D9C6;
  color: #100;
}

submit:active, .btnImg:active {
  background: #bcd;
  color: #100;
}

/*...............................FUENTES CONSULTADAS -------------------------------------------------*/
#fuentWrap {
	width:1020px;
	/*
	victor>todos los demas son en 1020
	width:1120px;
	*/
	height:auto;
	display:block;
	background-color:#fff;
	margin:0px auto;
	padding-bottom:20px;
	position:relative;
}

.FuentContainer {
	display:block;
	overflow:hidden;
	/*
	victor>es mejor usar una caja completa y el width se adaptara automaticamente
	width:990px;
	display:inline-block;
	/**/
	height:auto;
	margin:35px 40px 0 40px;
	
	border:1px #b14 solid;
	padding:5px 12px;
	line-height:18px;
	position:relative;                                                         ;
}
/*
#fuent1 {
	width:240px;
	margin:10px;
	display:block;
	//background-color:#db3;
	float:left;
}

#fuent2 {
	width:270px;
	margin:10px;
	top:0;
	//background-color:#cb3;
	float:left;
}

#fuent3 {
	width:240px;
	margin:10px;
	top:0;
	//background-color:#fb3;
	float:left;
}

#fuent4 {
	width:240px;
	margin:10px;
	top:0;
	//background-color:#be3;
	float:left;
}
/**/
/*
victor>3 columnas con tamanio de 33%
*/
.fuente_column
{
	width:31%;
	margin:1%;
	float:left;
}

a.fuentes,a:active.fuentes,a:visited.fuentes{
	line-height:21px;
	padding-bottom:15px;
	color:#333;
	font:0.78em Tahoma;
	text-decoration:none;
}

a:hover.fuentes{
	color:#b41;
	text-decoration:underline;
}

.box-txt {
	width:900px;
	/*height:228px;*/
	display:block;
	padding-left:25px;
	color:#fafefa;
	font:1.55em "Open Sans Condensed", sans-serif;
	text-align:left;
 }
 
/*............................... RAZONES -------------------------------------------------*/

.razones {
	width:800px;
	height:auto;
	text-align:justify;
	margin:40px auto;
	display:block;
	color:#555;
}
	